<link  href="/javascripts/cropper/css/cropper.css" rel="stylesheet">
<link  href="/javascripts/cropper/css/docs.css" rel="stylesheet">
<script src="/javascripts/cropper/js/cropper.js"></script>
<script src="/javascripts/cropper/js/docs.js"></script>
<div style="width: 95%;height: 550px">
<div class="fieldContent">
    <div class="eg-wrapper">
        <img class="cropper" src="" alt="图片预览">
    </div>
    <div class="preview preview-lg"></div>
    <div style="clear: both;padding-top: 5px;"></div>
    <a href="#" id="zoomIn" class="easyui-linkbutton" data-options="iconCls:'icon-zoom-in'">放大&nbsp;&nbsp;</a>&nbsp;&nbsp;
    <a href="#" id="zoomOut" class="easyui-linkbutton" data-options="iconCls:'icon-zoom-out'">缩小&nbsp;&nbsp;</a>&nbsp;&nbsp;
    <input id="fpath" class="easyui-textbox" name="fpath" style="width: 32%" disabled/>
    <a href="#" class="easyui-linkbutton" onclick="$('#inputImage').click()" data-options="iconCls:'icon-upload'">请选择&nbsp;&nbsp;</a>
</div>

<form id="addSd" method="post" enctype="multipart/form-data">

    <input id="inputImage" name="file" type="file" accept="image/*"  style="display:none" /><!--文件上传-->

        <div class="field">
            <label for="title">活动标题：</label>
        </div>
        <div class="fieldContent">
            <input id="title" class="easyui-textbox" name="title" required style="width: 55%"/>
        </div>

<!--        <div class="field">
            <label for="content">内容：</label>
        </div>
        <div class="fieldContent">
            <input id="content" class="easyui-textbox" name="content" style="width: 55%"/>
        </div>-->

        <div class="field">
            <label for="price">价格：</label>
        </div>
        <div class="fieldContent">
            <input id="price" class="easyui-textbox" name="price" validType="number" style="width: 55%"/>
        </div>
        <div class="field">
            <label for="starttime">开始时间：</label>
        </div>
        <div class="fieldContent">
            <input id="starttime" name="starttime" class="easyui-datetimebox" data-options="showSeconds:true" style="width:55%">
        </div>

        <div class="field">
            <label for="endtime">截止时间：</label>
        </div>
        <div class="fieldContent">
            <input id="endtime" name="endtime" class="easyui-datetimebox" data-options="showSeconds:true" style="width:55%">
        </div>

        <div class="field">
            <label for="cid">城市：</label>
        </div>
        <div class="fieldContent">
            <input class="easyui-combobox" id="cid" name="cid" style="width:55%"
                   data-options="
                   required:true,
                   editable:false,
                  url: '/getCityList',
                  method: 'get',
                  valueField:'cid',
                  textField:'city',
                  groupField:'province'">
        </div>

    <div class="field">
        <label for="content">内容：</label>
    </div>
    <div class="fieldContent" style="margin-bottom: 60px;">
        <!--<input id="content" class="easyui-textbox"  multiline="true"  name="content" style="width: 55%;height: 170px"/>-->
        <script id="content" name="content" type="text/plain">

        </script>
    </div>

        <input id="dataX" name="coords" type="text" placeholder="x" style="display: none"/>
        <input id="dataY" name="coords" type="text" placeholder="y" style="display: none"/>
        <input id="dataWidth" name="coords" type="text" placeholder="width" style="display: none"/>
        <input id="dataHeight" name="coords" type="text" placeholder="height" style="display: none"/>

</form>
</div>
<script type="text/javascript">
    var ue = UE.getEditor('content');
</script>